<template>
  <el-card class="card">
    <el-row type="flex">
      <el-col>
        <div v-if="showBefore" class="before">
          <slot name="before" />
        </div>
      </el-col>
      <el-col>
        <el-row type="flex" class="input">
          <slot name="after" />
        </el-row>
      </el-col>
    </el-row>
  </el-card>
</template>
<script>
export default {
  props: {
    showBefore: { // 控制左边内容显示隐藏
      type: Boolean,
      default: true // 默认显示
    }
  }

}
</script>
<style  scoped>
.input {
    margin-top: -20px;
}

.before {
    margin-top: -15px;
}

.el-icon-info {
    color: #409eff;
    margin-right: 5px;
}

.card {
    border-top: none;
    border-left: none;
    border-right: none;
}
</style>

